<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		<script src="js/jquery.3.1.1.js"></script>
		<script src="js/swiper.min.js"></script>
		<script src="js/mi.js"></script>
		<link rel="stylesheet" type="text/css" href="js/swiper.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/mi.css"/>
	</head>
	<body>
		<!--广告条-->
		<div id="ad"></div>
		<!--导航条-->
		<div id="daohang">
			<div class="daohang-box">
				<ul class="daohang-ul-l">
					<li><a href="#">小米商城</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">MIUI</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">米聊</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">游戏</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">多看阅读</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">云服务</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">金融</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">小米商城移动版</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">问题反馈</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">Select Region</a></li>
				</ul>
				<div class="car"></div>
				<ul class="daohang-ul-r">
					<li><a href="#">登录</a><span>&nbsp;|&nbsp;</span></li>
					<li><a href="#">注册</a></li>
					<li class="car"><a href="#">购物车(0)</a>
						<ul class="car-box">
							<li>您还未选购商品</li>
						</ul>
					</li>
				</ul>				
			</div>
		</div>
		<!--tab栏-->
		<div id="tab">
			<div class="tab-list">
				<ul class="t-list-ul">
					<li>
						<img src="images/pms_1470896116.76978423!220x220.jpg"/>
						<p>小米娃娃</p>
						<p>200元起</p>
					</li>
				</ul>
				
				
			</div>
			<div class="container">
				<a href="#"><img src="images/(87).png"/></a>
				<a href="#"><img src="images/yyymix.gif"/></a>
				<ul class="tab-ul">
					<li>小米手机</li>
					<li>红米</li>
					<li>平板·笔记本</li>
					<li>电视</li>
					<li>盒子·影音</li>
					<li>路由器</li>
					<li>智能硬件</li>
					<li>服务</li>
					<li>社区</li>
				</ul>
				<p class="search">
					<input type="text" name="" id="" placeholder="电视4A49''特惠"/>
					<span><img src="images/(91).png"/></span>
				</p>
			</div>
		</div>
		
		<!--轮播区域-->
		<div class="swiper-container">
			<ul class="swiper-ul">
				<li>手机 电话卡
					<div class="swiper-list">
						<ul class="s-list-ul">
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米6</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米Max2</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米5C</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米Note2</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米MIX</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米5s</span>
								<a href="#" class="choose">选购</a>
							</li>
						</ul>
						<!--<ul class="s-list-ol">
							<li><img src="images/pms_1490163713.86453564!220x220.png"/>米粉卡 日租卡</li>
							<li>小米移动 电话卡</li>
						</ul>-->
					</div>
				</li>
				<li>笔记本 平板
					<div class="swiper-list">
						<ul class="s-list-ul">
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">笔记本12.5英寸</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">笔记本13.3英寸</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米平板</span>
								<a href="#" class="choose">选购</a>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">USB-C电源适配器</span>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米MIX</span>
							</li>
							<li>
								<span><img src="images/pms_1488338229.6467773.jpg"/></span>
								<span class="tit">小米笔记本内胆包</span>
							</li>
						</ul>
					</div>
				</li>
				<li>电视 盒子</li>
				<li>路由器</li>
				<li>移动电源</li>
				<li>耳机 音响</li>
				<li>保护套 贴膜</li>
				<li>线材 支架 存储卡</li>
				<li>箱包 服饰 鞋 眼镜</li>
				<li>米兔 生活周边</li>
			</ul>
			<div class="swiper-wrapper">
				<div class="swiper-slide">
					<a href="#"><img src="images/xmad_14997459145442_afgcj.jpg"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/xmad_14997389403286_kShJZ.jpg"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/xmad_14996889447289_FfaAn.jpg"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/xmad_14992220383574_axNUK.jpg"/></a>
				</div>
				<div class="swiper-slide">
					<a href="#"><img src="images/xmad_14954204563199_hUckQ.jpg"/></a>
				</div>
			</div>
			<div class="swiper-pagination"></div>
		</div>
		
		<!--div-->
		<div class="div-1">
			
		</div>
	</body>
</html>
